<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:unav="http://www.unav.org/tags"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<ui:composition template="/layouts/conMenuLayoutAdministracion.xhtml">

<f:view contentType="text/html">
</f:view>

	<ui:define name="title">
		<h:outputText value="#{msg.erasmus_cabecera_title}" />
	</ui:define>
	
	<ui:define name="content">
		<h:form id="datosDetallePartido">  
		
			 <h:panelGroup id="idMensajeError" rendered="#{!flowScope.validarDatos}">
				<p:messages>
				</p:messages>
			 </h:panelGroup>
			
			<h3><h:outputText value="#{msg.qbDeportivos_partido_nuevo_seleccione_fecha}" /></h3>  
	  			 <p:calendar readOnlyInputText="true" navigator="true" locale="#{locale}" maxlength="10" pattern="dd/MM/yyyy" 
						 converterMessage="#{msg.actividades_unav_mensaje_formato_fecha}" 
	   					 showOn="button" inputStyleClass="porcen70"  timeZone="CET" 
	   					 id="fecha" value="#{flowScope.fechaPartido}" 
	   		 />
	   		 
	        <p:pickList id="jugadores"  value="#{flowScope.jugadores}"  
                    var="varJugador"   
                    itemValue="#{varJugador}" converter="jugadorPickListConverter" 
                    showTargetControls="true">  
	                <p:column style="width: 85%;"> 
	                	<h:outputText value="#{varJugador.nombre}" />
	                </p:column>
	                <p:column style="width: 15%;"> 
	                	<h:outputText value="#{varJugador.valoracionMedia}" />
	                </p:column> 
	        </p:pickList>  
	        
	        <p:commandButton action="crearListaPartidos" title="CREAR PARTIDOS POSIBLES" value="#{msg.qbDeportivos_partido_nuevo_crear_partido}" style="margin-top:15px;" update="idMensajeError tablaEquiposPosibles"/>
	        
	         <h:panelGroup id="tablaEquiposPosibles" rendered="#{flowScope.validarDatos}" style="margin-top:20px;">
	         
	          	<p:dataTable var="varPartido" value="#{flowScope.posiblesEquipos}" styleClass="centrarTextos" paginator="true" rows="10"  id="tablaJugadores"
	                emptyMessage="#{msg.qbDeportivos_mensaje_sinResultados}" 
	                rowIndexVar="rowIndex" paginatorPosition="top" paginatorTemplate=" Elementos por página {RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
                		rowsPerPageTemplate="10,20,30" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
			        
			        <p:column headerText="Diferencia">
			        	<h:outputText value="#{varPartido.dDiferencia}" styleClass="tamanioLetraPequenio">
            				<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
            			</h:outputText>	
			        </p:column>  
			  		
			  		<p:column headerText="Eq. Blanco">
			  			<ui:repeat value="#{varPartido.equipo1.listJugador}" var="jugadorBlanco">
			        		<h:outputText value="#{jugadorBlanco.nombre}" />
			        		<br/>
			        	</ui:repeat>
			        </p:column>  
			        
			        <p:column headerText="Eq. Negro">
			        	<ui:repeat value="#{varPartido.equipo2.listJugador}" var="jugadorNegro">
			        		<h:outputText value="#{jugadorNegro.nombre}" />
			        		<br/>
			        	</ui:repeat>
			        </p:column>  
			  		
			         <p:column headerText="Accion">
			         	<h:commandButton value="Crear Partido" action="crearPartidoNuevo" title="Crear Partido">
		            		<f:setPropertyActionListener
								target="#{flowScope.partidoSeleccionado}" value="#{varPartido}" />
		        	 	</h:commandButton>
						
					</p:column>
			    </p:dataTable>	
	         </h:panelGroup>
	    </h:form>  
	</ui:define>

</ui:composition>
</html>
